﻿<script src="~/Scripts/ChurchControllers/PrayerGroupController.js"></script>
<div ng-controller="PrayerGroupController">
    <div class="col-md-12" style="text-align:right;">
        <button class="btn btn-primary" ng-click="toggle('add',null)">Add New</button>
    </div>
    <br />
    <br />
    <br />
    <div class="col-md-4">
        <div class="bg-white bs-0 mb-20 widget">
            <ul class="nav nav-pills bg-black bs-inset-primary" role="tablist">
                <li role="presentation" class="pt-15 pb-15 pl-10 pr-20 mb-0">
                    <h3 class="fs-16 lh-1 m-0 text-white text-uppercase">Church Board List</h3>
                </li>
                <li class="pull-right pt-15 pb-15 pl-20 pr-10 fs-20 lh-1 mb-0">
                    <ul class="pull-right list-inline fs-16 lh-1 mb-0">
                        <li><a href="javascript:;" class="text-white" ng-click="toggle('add','')"><i class="fa fa-plus-circle"></i></a></li>
                    </ul>
                </li>
            </ul>
            <div class="widget-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-10">
                            <div class="media mb-20">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object mo-lg img-circle" on-error-src="/Images/_NoImge.png" src="assets/images/users/01.jpg" alt="">
                                    </a>
                                </div>
                                <div class="media-body media-middle">
                                    <span class="block fs-16 fw-600">Name : Middle aligned media</span>
                                    <p class="mb-0">Family Name : Lorem ipsum dolor sit amet</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="bg-white bs-0 mb-20 widget">
            <ul class="nav nav-pills bg-black bs-inset-primary" role="tablist">
                <li role="presentation" class="pt-15 pb-15 pl-10 pr-20 mb-0">
                    <h3 class="fs-16 lh-1 m-0 text-white text-uppercase">Church Board List</h3>
                </li>
                <li class="pull-right pt-15 pb-15 pl-20 pr-10 fs-20 lh-1 mb-0">
                    <ul class="pull-right list-inline fs-16 lh-1 mb-0">
                        <li><a href="javascript:;" class="text-white" ng-click="toggle('add','')"><i class="fa fa-plus-circle"></i></a></li>
                    </ul>
                </li>
            </ul>
            <div class="widget-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-10">
                            <div class="media mb-20">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object mo-lg img-circle" on-error-src="/Images/_NoImge.png" src="assets/images/users/01.jpg" alt="">
                                    </a>
                                </div>
                                <div class="media-body media-middle">
                                    <span class="block fs-16 fw-600">Name : Middle aligned media</span>
                                    <p class="mb-0">Family Name : Lorem ipsum dolor sit amet</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="bg-white bs-0 mb-20 widget">
            <ul class="nav nav-pills bg-black bs-inset-primary" role="tablist">
                <li role="presentation" class="pt-15 pb-15 pl-10 pr-20 mb-0">
                    <h3 class="fs-16 lh-1 m-0 text-white text-uppercase">Church Board List</h3>
                </li>
                <li class="pull-right pt-15 pb-15 pl-20 pr-10 fs-20 lh-1 mb-0">
                    <ul class="pull-right list-inline fs-16 lh-1 mb-0">
                        <li><a href="javascript:;" class="text-white" ng-click="toggle('add','')"><i class="fa fa-plus-circle"></i></a></li>
                    </ul>
                </li>
            </ul>
            <div class="widget-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-10">
                            <div class="media mb-20">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object mo-lg img-circle" on-error-src="/Images/_NoImge.png" src="assets/images/users/01.jpg" alt="">
                                    </a>
                                </div>
                                <div class="media-body media-middle">
                                    <span class="block fs-16 fw-600">Name : Middle aligned media</span>
                                    <p class="mb-0">Family Name : Lorem ipsum dolor sit amet</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="bg-white bs-0 mb-20 widget">
            <ul class="nav nav-pills bg-black bs-inset-primary" role="tablist">
                <li role="presentation" class="pt-15 pb-15 pl-10 pr-20 mb-0">
                    <h3 class="fs-16 lh-1 m-0 text-white text-uppercase">Church Board List</h3>
                </li>
                <li class="pull-right pt-15 pb-15 pl-20 pr-10 fs-20 lh-1 mb-0">
                    <ul class="pull-right list-inline fs-16 lh-1 mb-0">
                        <li><a href="javascript:;" class="text-white" ng-click="toggle('add','')"><i class="fa fa-plus-circle"></i></a></li>
                    </ul>
                </li>
            </ul>
            <div class="widget-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="p-10">
                            <div class="media mb-20">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object mo-lg img-circle" on-error-src="/Images/_NoImge.png" src="assets/images/users/01.jpg" alt="">
                                    </a>
                                </div>
                                <div class="media-body media-middle">
                                    <span class="block fs-16 fw-600">Name : Middle aligned media</span>
                                    <p class="mb-0">Family Name : Lorem ipsum dolor sit amet</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-panel" tabindex="-1" id="PrayerGroup" role="dialog" aria-labelledby="myPanelModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myAnimationModalLabel">{{title}}</h4>
                </div>
                <form name="fromvalidate" novalidate>
                    <div class="modal-body">
                        <div class="form-group">
                            <input type="hidden" value="prayergroup.PrayerGroupId" />
                            Prayer Group Name
                            <input type="text" class="form-control" name="BoardName" ng-model="Boards.BoardName" maxlength="100" ng-minlength="3" ng-required="true">
                        </div>
                        <div class="form-group">
                            Place or Name of the prayer group
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Prayer Group Head
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Prayer Shudule Mode
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Start Time
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            End Time
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Prayer Date
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Prayer Day
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                        <div class="form-group">
                            Prayer Group Status
                            <input type="text" class="form-control" name="BoardAbbrivation" ng-model="Boards.BoardAbbrivation" maxlength="100" ng-required="true">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" ng-disabled="fromvalidate.$invalid || buttonstate" ng-click="save(modelstate);">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
